<template>
	<view class="m-bottom">
		<view class="b-loading" v-if="isShowLoading">拼命加载中...</view>
		<view class="b-finshed" v-if="isShowfinshed">没有更多数据了</view>
	</view>
</template>

<script>
 import { mapState } from 'vuex'
	export default{
		name:'m-bottom',
		data(){
			return{

			}
		},
		computed:{
			...mapState([
				"isShowLoading",
				"isShowfinshed"
			])
		}
	}
</script>

<style scoped lang="less">
	.m-bottom{
		.b-loading{
			width: 100%;
			height: 50px;
			font-size: 28rpx;
			text-align: center;
			line-height: 50px;
			background:#F7F7F7;
			color: #333333;
		}
		.b-finshed{
			width: 100%;
			height: 50px;
			font-size: 28rpx;
			text-align: center;
			line-height: 50px;
			background:#F7F7F7;
			color: #333333;
		}
	}
</style>
